import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import qiankun from "vite-plugin-qiankun";
import prefixer from 'postcss-prefix-selector';

export default defineConfig({
  plugins: [
    vue(),
    qiankun("vite-vue", {
      // useDevMode：确定为开发模式
      useDevMode: true,
    }),
  ],
  server: {
    port: 7002,
    cors: true,
    // origin：用于定义开发调试阶段生成资源的 origin，解决静态资源不生效问题
    origin: `http://localhost:${7002}`,
  },
  build: {
    lib: {
      entry: "./src/main.ts", // 入口文件
      name: "vite-vue", // 子应用名称
      fileName: "vite-vue", // 打包后的文件名
      formats: ["umd"], // 打包为 UMD 格式
    },
  },
  css: {
    postcss: {
      plugins: [
        prefixer({
          prefix: '#container',
          transform(prefix, selector) {
            if (selector === ':root' || selector.includes('el-message')) {
              return selector;
            }
            // 处理选择器转换逻辑
            return `${prefix} ${selector}`;
          },
        }),
      ],
    },
  },
  
});
